<template>
    <div>
      <div class="aboutus">
        <h3>优享车的价值是什么？</h3>
        <p>

          让企业主及企业员工个人名下的车辆因公使用合规便捷的
          计入企业经营支出中，降低企业所得税负担/合规抵扣增
          值税。
          <br><br><br>
          <span style="color:#FF9600">如未解决问题请联系在线客服。</span>

        </p>
      </div>
      <div class="aboutusBtnCon">
          <div @click="goTel" class="btn">电话联系</div>
          <div @click="goKf" class="btn btn2"><img src="./imgs/kfIcon.png"/> 联系在线客服</div>
      </div>
    </div>
</template>

<script>
  import { KF_TEL,KF_URL } from '../../constants/index'
  export default {
    name: "about-us",
    methods:{
      goTel(){
        location.href='tel:'+KF_TEL
      },
      goKf(){
        if(KF_URL){
          location.href=KF_URL
        }

      },
    }
  }
</script>

<style lang="scss" scoped>

  .aboutus{
    background: #FFF;
    position: fixed;
    color:#333;
    box-sizing: border-box;
    padding:15px;
    left:0;top:0;width:100%;height: 100%;
    font-size:14px;
    h3,p{
      margin:0;padding:0;
    }
    h3{
    font-size:16px; padding:0 0 15px 0;}
  }
  .aboutusBtnCon{
    display: flex;
    position: fixed;
    bottom:50px;
    left:20px;right:20px;
    z-index: 1;
    .btn{
      text-align: center;
      line-height: 44px;
      border:1px solid rgba(181,181,181,1);
      border-radius:5px;
      color:#666;
      font-size:15px;
      margin:0 10px;
      width:180px;
    }
    .btn2{
      width:100%;
      background:rgba(28,103,255,1);
      border:1px solid rgba(28,103,255,1);
      color:#FFF;
      img{display: inline;width:18px; position: relative; top:2px;}
    }
  }
</style>
